page {
  color: #333;
}

.click {
  cursor: pointer;
}

.pgc-base {
  background-color: #f7f4f8;
}

.thbgc {
  background-color: #f6531f;
}

.thftc {
  color: #ff4532;
}

.clear {
  zoom: 1;
}

.clear:after {
  clear: both;
  content: "";
  height: 0;
  visibility: hidden;
  line-height: 0;
}

/* 字体大小 start */
.fts-20 {
  font-size: 20px;
}

.fts-22 {
  font-size: 22px;
}

.fts-24 {
  font-size: 24px;
}

.fts-26 {
  font-size: 26px;
}

.fts-28 {
  font-size: 28px;
}

.fts-30 {
  font-size: 30px;
}

.fts-32 {
  font-size: 32px;
}

.fts-34 {
  font-size: 34px;
}

/* 字体大小 end */
/* 字体颜色 start */
.ftc-white {
  color: #fff;
}

.ftc-333 {
  color: #333;
}

.ftc-666 {
  color: #666;
}

.ftc-999 {
  color: #999;
}

/* 字体大小 end */
/* 字体样式 start */
.font-bold {
  font-weight: bold;
}

.font-normal {
  font-weight: normal;
}

/* 字体样式 end */
.oneline {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.twoline {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.tl {
  text-align: left;
}

.tr {
  text-align: right;
}

.tc {
  text-align: center;
}

/* flex  start*/
.flex {
  display: flex;
}

.flex1 {
  flex: 1;
  position: relative;
}

.flex-r {
  display: flex;
  flex-direction: row;
}

.flex-col {
  display: flex;
  flex-direction: column;
}

.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}

.jusc {
  display: flex;
  align-items: center;
  justify-content: center;
}

.jusb {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.jusa {
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.juss {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.juse {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.alic {
  display: flex;
  align-items: center;
}

.alib {
  display: flex;
  align-items: baseline;
}

.jusc-v {
  flex-direction: column;
  display: flex;
  align-items: center;
  justify-content: center;
}

.jusb-v {
  flex-direction: column;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.jusa-v {
  flex-direction: column;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.juss-v {
  flex-direction: column;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.juse-v {
  flex-direction: column;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

/* flex  end*/
.mgt5 {
  margin-top: 5px;
}

.mgt10 {
  margin-top: 10px;
}

.mgt15 {
  margin-top: 15px;
}

.mgt20 {
  margin-top: 20px;
}

.mgt30 {
  margin-top: 30px;
}

.mgt34 {
  margin-top: 34px;
}
.mgl10{
  margin-left: 10px;
}
.mgl20{
  margin-left: 20px;
}
.mgl30{
  margin-left: 30px;
}

.pd30-20 {
  padding: 30px 20px;
}

.pd0-30 {
  padding: 0 30px;
}

.pt10 {
  padding-top: 10px;
}

.pt20 {
  padding-top: 20px;
}

.pt30 {
  padding-top: 30px;
}
.pb10 {
  padding-bottom: 10px;
}
.pb20 {
  padding-bottom: 20px;
}
.pb20 {
  padding-bottom: 30px;
}
.bd-bottom {
  border-bottom: 1px solid #eee;
}

.ab-center {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.pfixed {
  position: fixed;
  z-index: 999;
}